<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"  />
  <title>两栏流式布局</title>
  <link rel="stylesheet"  type="text/css"  href="style.css">
</head>
<body>
<header>实现两栏流式布局</header>
<div class="container">
    <div class="sidebar">
        <h3>我是左边栏</h3>
    </div>
    <div class="main">
        <h3>我是主容器</h3>
        <p>
            Lorem ipsum dolor sit amet consect etuer adipi scing elit sed diam nonummy nibh euismod tinunt ut laoreet dolore magnaaliquam erat volut. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquipex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, velillum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
        </p>
    </div>
</div>
<footer>
    Copy right
</footer>
<!--勿修改此行注释下引入测试的代码 否则可能会对过关产生影响-->
<script type="text/javascript" src="../../../lib/jquery.js"></script>
<script type="text/javascript" src="../../../lib/require.js" data-main="../../../lib/main"></script>
</body>
</html>